import React, { Component } from 'react';
import AddTodo from './addTodo';
import TodoList from './todoList';
import TodoExtra from './todoExtra';
import { inject, observer } from 'mobx-react';

@inject('todo')
@observer
class App extends Component {
  render() {
    return (
      <section className="todoapp">
        <AddTodo />
        <TodoList />
        <TodoExtra />
    </section>
    )
    
  }
}

export default App;
